<!-- 定义网页根元素为html -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 在浏览器标签栏出现公司logo -->
		<link rel="icon" href="img/tyust.png">
		<title>2019级毕业实习</title>
	</head>
	<body>
	    <h2>表单-项目开发必用-律师档案创建</h2>
		<form action="tit.html" action="post">
			用户名<input type="text" placeholder="请输入用户名"/> 
			<br>
			密码<input type="password"/>
			<br>
			生日<input type="date"/>
			<br>
			性别<input type="radio" name="gender"/>男
			性别<input type="radio" name="gender"/>女
			<br>
			籍贯<select>
				<option>山西</option>
				<option>河北</option>
				<option>陕西</option>
			</select>
			<br>
			爱好    
			<br>
			       <input type="checkbox"/>踢球
			       <input type="checkbox"/>唱歌
			       <input type="checkbox"/>跳舞
		    <br>
			照片<input type="file"/>
		    <br>
			备注<textarea placeholder="多行文本框" cols="80" row="5"> </textarea>
			<input type="submit" value="注册"/>
			<input type="reset" value="重填"/>
		</form>
		<h2>超链接</h2>
		<a href="http://www.tyust.edu.cn">太原科技大学</a>
		<br>
		<a href="tit.html">太原工业学院</a>
		<h2>图片</h2>
		<img src="img/tyust.png" width="50px"/>
		<br>
		<img src="img/1.jpg" width="500px"/>
		<h2>表格</h2>
		<table border="1px" width="500px">
		<tr>
			<td>车次</td>
			<td>出发站</td>
			<td>历时</td>
			<td>
				<button>预定</button>
			</td>
		</tr>
		<tr>
			<td>G601</td>
			<td>太原南</td>
			<td>2小时51分</td>
		<td>
			<button>预定</button>
		</td>
		</tr>
		<tr>
			<td>G500</td>
			<td>晋城东</td>
			<td>1小时50分</td>
			<td>
				<button>预定</button>
			</td>
		</tr>
		<tr>
			<td>G215</td>
			<td>南京南</td>
			<td>5小时32分</td>
			<td>
				<button>预定</button>
			</td>
		</tr>
		</table>
		<h2>DIV使用</h2>
		<div>
			太原科技大学、太原工学院、计算机科学与技术学院等
			DIV是用来放东西的（可以放图片），放什么由程序员自己定
			<img src="img/1.png" width="500px"/>
		</div>
		<h2>span用法</h2>
		<input type="text"/> <span style="color:red">用户名不能为空！</span>
		<br>
		<h2>列表-有序列表和无序列表</h2>
		<ul>
			<li>软件工程</li>
			<li>计算机</li>
			<li>物联网</li>	
		</ul>
		<ol>
			<li>软件工程</li>
			<li>计算机</li>
			<li>物联网</li>	
		</ol>
	</body>
</html>